<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>16.清除节点与删除节点</title>
</head>
    <style>
        div{
            width: 400px;
            height: 400px;
            background-color: #FF99CC;
        }
    </style>
<body>
    <div>
        <p>111</p>
        <p>222</p>
    </div>

    <p class="des">我是外面的p元素</p>

    <script src="../jquery-3.2.1.js"></script>
    <script>
        
        $(function(){
             // 清空一个元素里面内容,不建议使用，因为如有有事件是不会被清除的，使用不了占用内存 造成内存泄漏
            // $("div").html("");     
            $("div").empty();   // 会把对应的事件清除掉

            // $("div").remove();  // 移除元素

            // console.log($(".des").clone(false)); // false：不传参数也是深度复制 默认深复制
            // true: 也是深复制 并且会复制事件
            $(".des").clone().appendTo("div");  // 复制元素并添加
        });
    
    </script>
    
</body>
</html>